<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>setSinkId example</title>

    <!-- Import the webpage's stylesheet -->
    <link rel="stylesheet" href="style.css" />

    <!-- Import the webpage's javascript file -->
    <script src="app.js" defer></script>
  </head>
  <body>
    <h1>SetSinkId test example</h1>

    <button class="media-devices">Get media devices</button>

    <div class="select-container"></div>

    <button class="play">Play audio</button>

    <footer>
      <p>
        Check out the
        <a
          href="https://github.com/mdn/dom-examples/tree/main/audiocontext-setsinkid"
          >source code</a
        >.
      </p>
    </footer>
  </body>
</html>
